<template>
    <section >
        <google-index v-if="managerGoogleIndex==0"/>
        <google-group v-if="managerGoogleIndex==1"/>
        <google-ads v-if="managerGoogleIndex==2"/>
        <google-ab-test v-if="managerGoogleIndex==3"/>
        <google-keyword v-if="managerGoogleIndex==4"/>
        <google-addition v-if="managerGoogleIndex==5"/>
    </section>
</template>

<script>
    import Vue from 'vue'
    import { mapGetters} from 'vuex';
    import { MANAGER_INDEX } from '../../../store/mutation-types/manager/index'
    import {Tabs,TabPane} from 'element-ui';
    import { getParam ,changeParam} from '~/assets/js/global'
    import googleIndex from '~/components/manager/google/index.vue'
    import googleGroup from '~/components/manager/google/ads-group.vue'
    import googleAds from '~/components/manager/google/ads.vue'
    import googleAbTest from '~/components/manager/google/abTest.vue'
    import googleKeyword from '~/components/manager/google/keyword.vue'
    import googleAddition from '~/components/manager/google/addition.vue'


    Vue.use(Tabs);
    Vue.use(TabPane);

    export default {
        components: {
            googleIndex,
            googleGroup,
            googleAds,
            googleAbTest,
            googleKeyword,
            googleAddition
        },
        computed : {
            ...mapGetters({
                'managerGoogleIndex' : 'getManagerGoogleIndex'
            })
        }
    }
</script>
